export function getChangeLineStyleContent(content, type) {
  let result = content;
  let lines = content.split('\n');
  if (lines.length > 1) {
    result = '';
    let fontSizeStyle = type === 'big'? getDisplayItemFontSizeByLineCount(lines.length) : getStackItemFontSizeByLineCount(lines.length);
    for (let i = 0; i < lines.length; i++) {
      result += `<div style="display: flex; justify-content: center; ${fontSizeStyle}">${lines[i]}</div>`;
    }
  }
  return result;
}

export function getDisplayItemFontSizeByLineCount(lineCount) {
  if (lineCount === 1) {
    return '';
  }  let fontSize = 'font-size: ';
  if (lineCount === 2) {
    return fontSize + '44px';
  }
  if (lineCount === 3) {
    return fontSize + '36px';
  }
  if (lineCount === 4) {
    return fontSize + '27px';
  }
}

export function getStackItemFontSizeByLineCount(lineCount) {
  if (lineCount === 1) {
    return '';
  }
  let fontSize = 'font-size: ';
  if (lineCount === 2) {
    return fontSize + '29px';
  }
  if (lineCount === 3) {
    return fontSize + '23px';
  }
  if (lineCount === 4) {
    return fontSize + '18px';
  }
}